<template>
	<view class="header">
		<view style="height: 180rpx;">
		</view>
		<navigator url="/pages/tab/me" class="box1 flex-box">
			<view  class="box-ohone">
				<open-data class="user-name" type="userNickName"></open-data>
			</view>
			<view class="box-headet">
				<open-data class="user-avatar" type="userAvatarUrl"></open-data>
			</view>
		</navigator>

		<view class="swiper-box">
			<u-swiper :list="list" mode="none" height="260rpx"></u-swiper>
		</view>
		
		<view class="add-use">
			全部应用
		</view>
		
		<view class="flex-around">
			<view class="">
				<view class="box-image">
					<image src="../../static/index/sc.png" mode=""></image>
				</view>
				<view class="" style="text-align: center;">
					租赁商城
				</view>
			</view>
			<navigator url="/pages/tab/index" class="">
				<view class="box-image">
					<image src="../../static/index/sb.png" mode=""></image>
				</view>
				<view class="" style="text-align: center;">
					设备管理
				</view>
			</navigator>
			<navigator url="/pages/site/index" class="">
				<view class="box-image">
					<image src="../../static/index/cd.png" mode=""></image>
				</view>
				<view class="" style="text-align: center;">
					场地资料
				</view>
			</navigator>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					}
				],

			};
		},

		onReady() {
			uni.hideLoading();
		},
		onLoad(e) {

		},
		methods: {},
	};
</script>

<style lang="scss" scoped>
	.header {
		width: 100%;
		height: 100%;
		padding: 0 30rpx;
		color: #232323;
		background: #F8F8F8;

		image {
			width: 100%;
			height: 100%;
		}
		
		.box1 {
			
			.box-ohone {
				
			}
			
			/deep/.box-headet {
				width: 120rpx;
				height: 120rpx;
				overflow: hidden;
				border-radius: 60rpx !important;
			}
		}

		.swiper-box {
			margin: 52rpx 0;
		}

		.add-use {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold
		}
		
		.box-image {
			width: 220rpx;
			height: 220rpx;
		}

	}
</style>
